<!DOCTYPE html>
<html lang="zh-cn">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>后台登录页面</title>
    <!-- zui -->
    <link href="dist/css/zui.min.css" rel="stylesheet">
</head>

<body>
    <div class="col-md-3 col-md-offset-5 col-sm-5 col-sm-offset-3" style="margin-top: 250px;">
        <div class="panel">
            <div class="panel-heading">
                登录面板
            </div>
            <div class="panel-body">
                <div class="input-group with-padding">
                    <span class="input-group-addon">账号</span>
                    <input type="text" class="form-control" placeholder="请输出账号" id="account">
                </div>

                <div class="input-group with-padding">
                    <span class="input-group-addon">密码</span>
                    <input type="password" class="form-control" placeholder="请输出密码" id="password">
                </div>

                <div class="input-group with-padding">
                    <span class="input-group-addon">验证码</span>
                    <input type="text" class="form-control" placeholder="请输入验证码" id="check">
                    <span class="input-group-addon fix-border fix-padding"></span>
                    <img class="form-control" src="checkCode" style="width: 150px;" onclick="changeCheckCode(this)">
                    <script type="text/javascript">
                        //图片点击事件
                        function changeCheckCode(img) {
                            img.src = "checkCode?" + new Date().getTime();
                        }
                    </script>
                </div>
                <div class="with-padding">
                    <button class="btn btn-block btn-success" type="button" id="loginBtn">登录</button>
                </div>
                <div class="with-padding">
                    <button class="btn btn-link" type="button">新用户注册</button>
                </div>
            </div>
        </div>
    </div>
    </div>
</body>

<!-- jQuery (ZUI中的Javascript组件依赖于jQuery) -->
<script src="dist/lib/jquery/jquery-3.4.1.min.js"></script>
<!-- ZUI Javascript组件 -->
<script src="dist/js/zui.min.js"></script>
<!-- layer弹窗JS -->
<script src="layer/layer.js"></script>
<!-- 导入自定义JS -->
<script src="js/login.js"></script>
<!-- 樱花 -->
<script src="js/sakura-back.js"></script>

</html>